<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">   

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    </h:head>

    <h:body>

	<ui:composition>
	    <p:dialog id="pdSelecionarUsuarios" closable="false" showHeader="true" widgetVar="pnSelecionarUsuarios" resizable="false" width="450" styleClass="dialog">
		<f:facet name="header">
		    #{msg.usuarios}
		</f:facet>
		<h:form id="fUsuarios" prependId="false">
		    <p:dataTable id="tbUsuarios"
				 paginator="true"
				 rows="5"
				 paginatorPosition="bottom"
				 paginatorAlwaysVisible="true"
				 value="#{grupoUsuarioMB.usuarioDataModel}"
				 selection="#{grupoUsuarioMB.usuariosSelecionados}"
				 var="usuario"
				 rowKey="#{usuario.id}"
				 transient="true"
				 rowsPerPageTemplate="5, 10, 15, 20, 25, 30">

			<p:column selectionMode="multiple" style="width:30px;" /> 
			
			<p:column headerText="#{msg.usuarioNome}">
			    #{usuario.login}
			</p:column>

		    </p:dataTable>
		    <br/>
		    <div align="center">
			<p:commandButton value="Confirmar" 
					 icon="ui-icon-check" 
					 action="#{grupoUsuarioMB.adicionarUsuariosSelecionadosAoGrupo}" 
					 oncomplete="pnSelecionarUsuarios.hide();"
					 update=":fPrincipal:dtGruposUsuarios"/>
			<p:spacer width="5"/>
			<p:commandButton value="Fechar" icon="ui-icon-close" onclick="pnSelecionarUsuarios.hide();"/>
		    </div>
		</h:form>
	    </p:dialog>	    
	</ui:composition>

    </h:body>

</html>
